<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		.content_2{margin-top: 50px;}
		.admin_1{width: 100%;height: 100%;font-weight: 300;}
		.ss_lrft{width: 200px;float: left;}
		.ss_right{width: 750px;float: right;}
		.ss_lrft p{line-height: 40px;color: #333;}
		.ss_lrft p:hover{color: #222;cursor: pointer;}
		.ss_1>p>span{margin-right: 20px;}
		.ss_1>p>span:nth-child(2){border-right: solid 1px rgb(0,192,229);padding-right: 20px;}
		.ss_1>p>span>a{color: rgb(0,192,229);}
		.ss_1>p:nth-child(1){border-bottom: solid 1px #edf0f2;font-size: 30px;padding-bottom: 15px;margin-bottom: 100px;}
		.ss_1>p:nth-child(3),.ss_3>p:nth-child(3){border-bottom: solid 1px #edf0f2;padding-bottom: 15px;}
		.ss_2>p:nth-child(1),.ss_3>p:nth-child(1){border-bottom: solid 1px #edf0f2;font-size: 30px;padding-bottom: 15px;margin-bottom: 100px;}
		
		
		.h{display: none;}
		.w{display: block;}
		.has1{color: rgb(145,157,163);}
		.has{color: #ccc;}
		
		.ssx1,.ssx2,.ssx3{opacity: 0;}
		.ssx1{opacity: 1;}
	</style>
	<body>
		<div class="admin_1">
			<div class="ss_lrft">
				<p onclick="h('.ss_1','.ssx1')">账户一览 <img class="ssx1 sx" src="img/sjx.svg" style="margin-left: 50px;width: 26px;"/></p>
				<p onclick="h('.ss_2','.ssx2')">消费记录 <img class="ssx2 sx" src="img/sjx.svg" style="margin-left: 50px;width: 26px;"/></p>
				<p onclick="h('.ss_3','.ssx3')">发票管理 <img class="ssx3 sx" src="img/sjx.svg" style="margin-left: 50px;width: 26px;"/></p>
			</div>
			<div class="ss_right">
				<div class="ss_1">
					<p>账户一览</p>
					<p style="font-weight: 400;">账户余额：¥
						<span>10000.00</span>
						<span><a href="">充值</a></span>
						<span><a href="">明细</a></span>
					</p>
					<p>注：余额暂只支持身份实名认证和银行卡认证接口费用以及 BI 营销系统短信费用</p>
				</div>
				<div class="ss_2 h">
					<p>消费记录</p>
					
					<p>暂无消费记录</p>
				</div>
				<div class="ss_3 h">
					<p>发票管理</p>
					<p>可索取发票总额</p>
					<p>¥ 0</p>
				</div>
			</div>
		</div>
	</body>
</html>
